/*------------------------------------------
Author: Yang Jindong
Website: itfm.com
E-mail: yangjindong@gmail.com
------------------------------------------*/
@import url("../../css/global.css");

#store a:hover {color:#F60;}

body {background:transparent url("../images/common/bg_top.gif") repeat-x top;}
#header {
	height:70px;
}
#content {
	width:940px;
	margin:10px auto;
}

/* Begin Header */
#index #header {background:transparent url("../images/background/index.gif") repeat-x bottom;}
#store #header {background:transparent url("../images/background/store.gif") repeat-x bottom;}
#product #header {background:transparent url("../images/background/product.gif") repeat-x bottom;}
#discount #header {background:transparent url("../images/background/discount.gif") repeat-x bottom;}
#stock #header {background:transparent url("../images/background/stock.gif") repeat-x bottom;}
#trade #header {background:transparent url("../images/background/trade.gif") repeat-x bottom;}
#brand #header {background:transparent url("../images/background/brand.gif") repeat-x bottom;}

#header li {
	float:left;
	list-style:none;
}

#logo {
	float:left;
	margin-left:15px!important;
	margin-left:5px;
	margin-top:8px;
}
#logo a {
	display:block;
	width:241px;
	height:51px;
	background:transparent url("../images/common/logo_shop.gif") no-repeat center center;
}
#logo a:hover {
	background-color:transparent;
	text-decoration:none;
}
#logo a:active {
	outline:none;
}
#logo span {visibility:hidden;}

#utility {
	float:right;
	width:250px;
	height:21px;
	text-align:center;
	background:transparent url("../images/common/bg_utility.gif") repeat-x top;
}
#utility ul {
	display:block;
	height:21px;
	padding-left:30px;
	background:transparent url("../images/common/bg_utility_left.gif") no-repeat left top;
}
#utility li {
	width:73px;
	height:21px;
	background:transparent url("../images/common/bg_utility.gif") repeat-x top;
}
#utility li a {
	display:block;
	padding-top:5px;
	background:transparent url("../images/common/dotted_utility.gif") no-repeat right center;
}
#mystore a {color:#435992;}
#problem a {color:#5688E7;}
#utility #faq a {color:#1E676D; background-image:none;}

#nav {
	float:right;
	clear:right;
	width:615px;
	height:30px;
	text-align:center;
}
#nav ul {
	padding:4px 0;
	margin-top:8px;
	margin-right:5px;
	background:transparent url("../images/common/4007108000_shop.gif") no-repeat right center;
}
#nav li {
	display:inline;
	width:66px;
	height:22px;
	background:url("../images/common/line_nav.gif") no-repeat left center;
}
#nav li a{
	display:block;
	font-size:14px;
	line-height:22px;
}
#nav li a:hover {
	color:#FFF;
	text-decoration:none;
}

#index #nav #nav_index a {color:#FFF;background:transparent url("../images/common/bg_nav.gif") no-repeat 9px 0;}
#store #nav #nav_store a {color:#FFF;background:transparent url("../images/common/bg_nav.gif") no-repeat 9px -22px;}
#product #nav #nav_product a {color:#FFF;background:transparent url("../images/common/bg_nav.gif") no-repeat 9px -44px;}
#discount #nav #nav_discount a {color:#FFF;background:transparent url("../images/common/bg_nav.gif") no-repeat 9px -66px;}
#stock #nav #nav_stock a {color:#FFF;background:transparent url("../images/common/bg_nav.gif") no-repeat 9px -88px;}
#trade #nav #nav_trade a {color:#FFF;background:transparent url("../images/common/bg_nav.gif") no-repeat 9px -110px;}
#brand #nav #nav_brand a {color:#FFF;background:transparent url("../images/common/bg_nav.gif") no-repeat 9px -132px;}

#nav #nav_index a:hover {background:transparent url("../images/common/bg_nav.gif") no-repeat 9px 0;}
#nav #nav_store a:hover {background:transparent url("../images/common/bg_nav.gif") no-repeat 9px -22px;}
#nav #nav_product a:hover {background:transparent url("../images/common/bg_nav.gif") no-repeat 9px -44px;}
#nav #nav_discount a:hover {background:transparent url("../images/common/bg_nav.gif") no-repeat 9px -66px;}
#nav #nav_stock a:hover {background:transparent url("../images/common/bg_nav.gif") no-repeat 9px -88px;}
#nav #nav_trade a:hover {background:transparent url("../images/common/bg_nav.gif") no-repeat 9px -110px;}
#nav #nav_brand a:hover {background:transparent url("../images/common/bg_nav.gif") no-repeat 9px -132px;}


#nav #telephone_number {
	width:145px;
}
#nav #telephone_number span {
	visibility:hidden;
}
/* End Header */

/* Begin Content */

/* Begin equalfix */
.flowfix {overflow: hidden;}
.equalfix {
	padding-bottom: 10010px;
	margin-bottom: -10000px;
}
/*\*/
.corner_inner {background-color:#FFF;}

/* Begin #slider */
#slider{
	display:block; 
	left:910px;
	position:fixed;
	text-align:center;
	width: 60px;
	height:280px;
}
/* position: fixed For IE for Windows \*/
* html #slider {position:absolute;top:82px;} 

#slider span {visibility:hidden;}
#slider a:hover {text-decoration:none;}

#stock_mark, #discount_mark {
	position:absolute;
	left:400px;
	top:220px;
}

#cart {
	background-color:#FFF;
	border:1px solid #CCC;
}
#cart h3{
	border-bottom:1px solid #CCC;
	background:transparent url("../images/common/title_cart.gif") no-repeat center center;
	color:#069;
	font-size:13px;
	font-weight:normal;
	height:19px;
	text-indent:-2000px;
}
a.preview, a.next {
	background-color:#EEE;
	display:block;
	font-size:0px;
	height:4px;
	margin:8px 0;
}
#cart a.preview {background:transparent url("../images/icon_arrow.gif") no-repeat center 0;}
#cart a:hover.preview {background:transparent url("../images/icon_arrow.gif") no-repeat center -8px;}
#cart a.next {background:transparent url("../images/icon_arrow.gif") no-repeat center -4px;}
#cart a:hover.next {background:transparent url("../images/icon_arrow.gif") no-repeat center -12px;}

#cart ul {
	padding:5px;
	margin-top:8px;
	border-top:1px dashed #CCC;
	border-bottom:1px dashed #CCC;
}
#cart ul img {
	border:1px solid #DDD;
}
a.back_top {
	background:transparent url("../images/back_top.gif") no-repeat center center;
	display:block;
	height:17px;
	margin-top:10px;
}
/* End #slider */
.location {
	float:left;
	width:350px;
	line-height:30px;
}

/* Begin Store */
.profile {
	margin-bottom:10px;
	width:975px;
}
.summary {
	float:left;
	height:151px;
	width:774px;
	background:#FFF url("../store/images/common/bg_profile.gif") no-repeat center center;
	position:relative;
}
.summary h2 {
	display:block;
	font-size:28px;
	margin:20px 0 25px 150px;
}
.summary div {
	margin-left:150px;
}
.summary div p {
	float:left;
	font-size:14px;
	padding-top:10px;
}
.summary div p.products {width:280px;}
.summary div p.brand {width:170px;}
.summary div p.type {width:170px;}

.summary p.address {
	font-size:14px;
	margin-left:150px;
}
.summary .logo {
	position:absolute;
	top:20px;
	left:20px;
}
.summary span {
	color:#666;
}
/* Begin Rating */
.rating_position {
	float:right;
	color:#FFF;
	width:200px;
	height:151px;
	background:transparent url("../store/images/shop_grade.gif") no-repeat right center;
}
.rating_position h5 {display:none;}
.rating {
	margin:12px 8px 0;
	height:15px;
}
.rating div {
	background:transparent url("../store/images/common/rating.gif") repeat-x left bottom;
	float:right;
	width:70px;
}
.rating li {
	float:left;
	background:transparent url("../store/images/common/rating.gif") repeat-x left top;
	display:block;
	line-height:15px;
	text-indent:-2000px;
	width:14px;
}
.rating li span {
	visibility:hidden;
}
.position {
	font-size:30px;
	font-family: "Arial";
	font-weight:bold;
	margin-top:60px;
	margin-left:30px;
	margin-right:20px;
}
.position span {
	float:right;
}
/* End Rating */

/* End Store */

/* Begin .product_list */
.product_list p {line-height:180%;}
.product_list li {
	float:left;
	display:block;
	width:163px;
	height:300px;
	margin:5px;
	background-color:#FFF;
}
.product_list li div {
	padding:10px;
	text-align:center;
}
.sample {
	border:1px solid #EEE;
	margin:0 auto 5px;
	height:151px;
	width:132px;
}
.product_list li div p {
	margin-left:10px;
	text-align:left;
}
.number span {
	color:#B602DF;
	font-weight:bold;
}
.market_price span {
	color:#0068A0;
	font-weight:bold;
	text-decoration:line-through;
}
.preferential_price span {
	color:#FB3400;
	font-weight:bold;
}
.detail_link a {
	float:right;
	height:18px;
	width:50px;
	line-height:18px;
	text-align:center;
	background:transparent url("../store/images/common/bg_detail.gif") no-repeat right center;
}
/* End .product_list */

/* Begin .paginate */
.paginate {
	height:30px;
	text-align:center;
}
.paginate ul {
	float:right;
	padding-top:5px;
}
.paginate li {
	float:left;
	line-height:30px;
}
.paginate li a {
	display:block;
	padding:4px 4px 2px;
	line-height:20px;
}
.paginate li a:hover {
	text-decoration:none;
}
.paginate li.show_all a {
	background-color:#F9F9F9;
	border:1px solid #DDD;
	padding:0px 3px 0;
	height:20px;
	width:75px;
	line-height:20px;
}
.paginate .preview a {
	background:transparent url("../images/common/paginate_preview.gif") no-repeat center center;
	height:20px;
	width:63px;
	line-height:20px;
	display:block;
}
.paginate .next a {
	background:transparent url("../images/common/paginate_next.gif") no-repeat center center;
	height:20px;
	width:63px;
	line-height:20px;
	display:block;
}
/* End .paginate */


/* Start Product Detail */
#main .wrapper {
	clear:both;
	margin-right:65px;
	padding:10px;
	background:transparent url("../images/common/bg_dot.gif") repeat-y left;
}

.product_image {
	float:left;
	width:350px;
	background-color:#FFF;
}

.medium {
	padding:15px 0 10px;
	text-align:center;
}
.medium img {
	border:1px solid #CBCBCB;
	margin-bottom:10px;
	height:313px;
	width:253px;
}
.medium p a {
	padding-top:4px;
	padding-left:18px;
	background:transparent url("../images/common/enlarge.gif") no-repeat left center;
}

.thumbnail {
	padding-top:15px;
	margin:0 30px;
	text-align:center;
	border-top:1px solid #CBCBCB;
}
.thumbnail li {
	float:left;
	padding:2px 3px;
}
.thumbnail img {
	width:50px;
	border:1px solid #DDD;
}
.thumbnail p {
	clear:both;
	display:block;
	padding-top:8px;
}
.thumbnail p a {
	padding:5px 8px 3px;
}
.thumbnail p a {
	display:block;
	height:20px;
	width:87px;
	padding:0px;
	margin:0 auto;
}
.thumbnail .add_select a {
	background:transparent url("../product/images/common/add_select.gif") no-repeat center center;
}
.thumbnail .size_chart a {
	background:transparent url("../product/images/common/size_chart.gif") no-repeat center center;
}
.thumbnail p a:hover {
	text-decoration:none;
}
.thumbnail p span {
	visibility:hidden;
}

.overview {
	float:right;
	width:325px;
	background-color:#FFF;
}
#store .overview {width:330px;}
#discount .overview {width:310px;}
#stock .overview {width:310px;}

.overview h3,.overview h4 {
	display:block;
	background:transparent url("../images/bg_product_detail_title.gif") no-repeat center center;
	color:#FFF;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	padding:4px 0;
	margin-top:22px;
	margin-bottom:10px;
}
.overview div.summarize {
	margin:0 auto;
	padding:3px;
	width:280px;
}
.overview table {
	margin:0 auto;
	border:0;
	width:280px;
}
.overview caption {
	caption-side:top;
	color:#0063AC;
	margin:5px auto;
	text-align:left;
	width:auto;
}
.overview .summarize caption {
	padding-top:8px;
	padding-bottom:2px;
	border-top:1px solid #CDCDCD;
}
.overview .information caption {
	padding-top:2px;
	padding-bottom:8px;
	border-bottom:1px dashed #CDCDCD;
}
.overview th {
	border:0;
	padding:5px 0;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	white-space:nowrap;
}
.overview td {
	border:0;
	padding:5px 0;
}
.overview p {
	padding-bottom:5px;
}
.overview img {
	padding-right:5px;
}

.overview .product_market_price {
	border-top:1px dashed #CDCDCD;
}
.overview .product_preferential_price {
	border-bottom:1px dashed #CDCDCD;
}

.overview .utility {
	float:none;
	margin:10px auto 0;
	width:260px;
}
.overview .utility li {
	float:left;
	text-align:center;
	width:130px;
}
.overview .utility a {
	display:block;
	width:124px;
	height:35px;
	margin:0 3px;
}
.overview .utility a:hover {
	text-decoration:none;
}
.overview .utility a span {
	visibility:hidden;
}
a.add_to_cart {background:transparent url("../images/add_to_cart.gif") no-repeat 0 0;}
a:hover.add_to_cart {background:transparent url("../images/add_to_cart.gif") no-repeat 0 -35px;}

a.enter_store {background:transparent url("../images/enter_store.gif") no-repeat 0 0;}
a:hover.enter_store {background:transparent url("../images/enter_store.gif") no-repeat 0 -35px;}

a.want_to_call {background:transparent url("../images/want_to_call.gif") no-repeat center center;}

#gallery {background-color:#FFF;text-align:center;}

.color_list li {
	float:left;
	height:35px;
	width:35px;
	margin-right:5px;
	text-indent:-2000px;
}
.color_list .brown {background:transparent url("../images/color/brown.gif") no-repeat center center;}
.color_list .black {background:transparent url("../images/color/black.gif") no-repeat center center;}

/* Start #related */
#related {
	background-color:#FFF;
	margin-top:10px;
	padding:10px 10px;
}

#related .corner {
	background-color:#E4E8D1;
	margin:10px 0;
	padding:10px 5px;
}
#related .corner h3 {
	font-size:13px;
	padding:0 0 5px 20px;
}
#related .corner ul {
	background-color:#FFF;
	padding:10px 20px;
}
#related .corner li {
	line-height:150%;
}
#info_pay.corner {
	background-color:#EAE7C7;
}
/* End #related */

a.back {
	float:right;
	border:1px solid #CCC;
	padding:5px 10px 3px;
	margin:10px 65px 0 0;
	background-color:#FFF;
}
a.backtop:hover {text-decoration:none;}


/* Begin Stock */
.stock_list .detail {
	padding-bottom:50px;
}
.stock_list table {
	border:1px solid #CCC;
	border-collapse:collapse;
}
.stock_list th {
	color:#333;
	white-space:nowrap;
	padding:5px 0 5px 5px;
	border:1px solid #CCC;
	text-align:right;
}
.stock_list td {
	padding:5px;
	border:1px solid #CCC;
}

.stock_list .detail {
	border:0;
}

.stock_list .paginate ul {padding-right:0px;}

.stock_list {clear:both;}
.stock_list ul {
	border:1px solid #CBCBCB;
	border-bottom:0;
}
.stock_list li {
	background-color:#F9F8EC;
	border-bottom:1px solid #CBCBCB;
	display:block;
	padding:8px;
}
.stock_data {
	background-color:#FFF;
	padding:10px;
}

.stock_sample {
	float:left;
	width:132px;
	height:151px;
}
.stock_list li .stock_data {
	height:165px;
}
.stock_data table {
	float:right;
	display:block;
	width:570px;
}
.stock_data table span {
	color:#F60;
}
.stock_data table p {
	line-height:150%;
}
.stock_data .three_col td {
}
.link_area p {
	text-align:right;
	float:right;
}
.link_area a {
	color:#000;
	text-align:center;
}
.more_info, .contactus {
	background:transparent url("../images/common/bg_button.gif") no-repeat center center;
	display:block;
	float:left;
	height:24px;
	width:84px;
	line-height:24px;
	margin-left:5px;
}
a:hover.more_info, a:hover.contactus {
	text-decoration:none;
}

/* End Content */


/* Begin Footer */
#footer {
	clear:both;
	height:120px;
}
#index #footer {background:transparent url("../images/background/index.gif") repeat-x top;}
#store #footer {background:transparent url("../images/background/store.gif") repeat-x top;}
#product #footer {background:transparent url("../images/background/product.gif") repeat-x top;}
#discount #footer {background:transparent url("../images/background/discount.gif") repeat-x top;}
#stock #footer {background:transparent url("../images/background/stock.gif") repeat-x top;}
#trade #footer {background:transparent url("../images/background/trade.gif") repeat-x top;}
#brand #footer {background:transparent url("../images/background/brand.gif") repeat-x top;}

#logo_footer {
	float:left;
	height:100%;
}
#logo_footer a {
	display:block;
	width:160px;
	height:100%;
	background:transparent url("../images/common/logo_footer.gif") no-repeat center center;
}
#logo_footer a:hover {
	text-decoration:none;
}
#logo_footer span {
	visibility:hidden;
}

#info_footer {
	padding-top:35px;
}
#sub_nav {
	
}

#info_footer p {
	padding:2px 0;
}
/* End Footer */
